<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
	<title>首页</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-file-image-o"></i> <strong>详细客户</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>详细客户</li>
				<!-- <li class="active">客户信息</li> -->
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">
			<div class="row">
				<div class="box box-info" id="customerEdit">
					<div class="box-header with-border">
						<i class="fa fa-th-list"></i>
						<h4 class="box-title">客户信息</h4>
					</div>
					<div class="box-body" >
						<div class="form-horizontal">
							<!-- <input type="hidden" name="customerId" id="customerId" th:value="${customer.id}"/>
							<input type="hidden" name="customercreateTime" id="customercreateTime" th:value="${customer.createTime}"/> -->
							<div class="form-group">
								<label class="col-sm-1 control-label">编号</label>
								<div class="col-sm-3">
								   <div class="col-md-11">
										<input class="form-control" type="text" name="customerCode"
											id="customerCode" readonly="readonly"
											th:value="${customer.customerCode}"
											/>
									</div>
								</div>
								<label class="col-sm-1 control-label">单位名称</label>
								<div class="col-sm-3">
								     <div class="col-md-11">
										<input class="form-control" type="text" id="customerName"
											name="customerName" readonly="readonly"
											th:value="${customer.customerName}"
											/>
									  </div>
								</div>
								<label class="col-sm-1 control-label">所属行业</label>
								<div class="col-sm-3">
								  <div class="col-md-11">
								  	<input class="form-control" type="text" name="business"
											id="business" readonly="readonly"
											th:value="${customer.business}"
											/>
									
								  </div>
								</div>
								
							</div>
							<div class="form-group">
								<label class="col-sm-1 control-label">所属片区</label>
								<div class="col-sm-3">
								   <div class="col-md-11">
								   <!-- <input class="form-control" type="text" name="saleArea"
											id="saleArea" readonly="readonly"
											th:value="${customer.saleArea.id}"
											/> -->
									 <select class="form-control" id="saleArea" name="saleArea" readonly="readonly">
										<option value=""></option>
										<option th:each="saleArea:${saleAreas}"
											th:value="${saleArea.id}" 
											th:text="${saleArea.superiorArea}"
											th:selected="${saleArea.id.equals(customer.saleArea.id)}"
											></option>
											
									</select> 
									</div>
								</div>
							</div>
							<div class="form-group">
								<input type="hidden" name="customerId" id="customerId" th:value="${customer.id}"/>
								<label class="col-sm-1 control-label">公司地址</label>
								<div class="col-sm-11">
								  <div class="col-md-11">
									<input class="form-control" type="text" id="address" style=" width: 107%"
										name="address" readonly="readonly"
										th:value="${customer.address}"
										/>
								  </div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-1 control-label">资产性质</label>
								<div class="col-sm-3">
									<div class="col-md-11">
										<input class="form-control" type="text" name="asset"
											id="asset" readonly="readonly"
											th:value="${customer.asset}"
											/>
										
									</div>
								</div>
								<label class="col-sm-1 control-label">续存年限</label>
								<div class="col-sm-3">
									<div class="col-md-11">
									<input class="form-control" type="text" name="continuelife"
											id="continuelife" readonly="readonly"
											th:value="${customer.continuelife}"
											/>
									
									</div>
								</div>
								<label class="col-sm-1 control-label">买方属性</label>
								<div class="col-sm-3">
									<div class="col-md-11">
									<input class="form-control" type="text" name="buyer"
											id="buyer" readonly="readonly"
											th:value="${customer.buyer}"
											/>
									
									</div>
								</div>
								
							</div>
							<div class="form-group">
								<label class="col-sm-1 control-label">信用支付</label>
								<div class="col-sm-3">
									<div class="col-md-11">
									<input class="form-control" type="text" name="credit"
											id="credit" readonly="readonly"
											th:value="${customer.credit}"
											/>
									
									</div>
								</div>
								<label class="col-sm-1 control-label">合同期限</label>
								<div class="col-sm-3">
									<div class="col-md-11">
									<input class="form-control" type="text" name="period"
											id="period" readonly="readonly"
											th:value="${customer.period}"
											/>
									
									</div>
								</div>
								<label class="col-sm-1 control-label">领导赋值</label>
								<div class="col-sm-3">
									<div class="col-md-11">
									<input class="form-control" type="text" id="score" name="score" 
									readonly="readonly"
									th:value="${customer.score}"
									/>
									</div>
								</div>
							</div>
							<div class="form-group">
								
								<label class="col-sm-1 control-label">信用得分</label>
								<div class="col-sm-3">
									<div class="col-md-11">
									<input class="form-control" type="text" id="creditLevel"
										name="creditLevel" readonly="readonly"
										th:value="${customer.creditLevel}"
										/>
									</div>
								</div>
							</div>
						</div>
					</div>
					
					<div class="box-header with-border">
						<i class="fa fa-th-list"></i>
						<h4 class="box-title">相关信息</h4>
					</div>
					<!--  -->
					<div class="box-body">
						<div class="nav-tabs-custom">
							<ul class="nav nav-tabs">
								<li class="active"><a href="#tab_7" data-toggle="tab">关键联系人信息</a></li>
								<li><a id="t2" href="#tab_8" data-toggle="tab">来访信息</a></li>
							</ul>
							<div class="tab-content">
								<div class="tab-pane active" id="tab_7">
									
									<div class="box box-body">
										<table id="keyTable" class="mytable display text-center"
											cellspacing="0" width="100%">
											<thead>
												<tr>
													<th width="7%">序号</th>
													<!-- <th width="10%"><input type="checkbox" id="checkAll"/></th> -->
													<th width="10%">姓名</th>
													<th width="10%">称呼</th>
													<th width="10%">联系方式</th>
													<th width="10%">职务</th>
													<th width="10%">专业</th>
													<th width="10%">管理范围</th>
													<th width="23%">备注</th>		
												</tr>
											</thead>
											<tbody>
													
											</tbody>
										</table>
									</div>
								</div>
								<div class="tab-pane" id="tab_8">
									<div class="box box-body" >
										<table id="visitTable" class="mytable display text-center"
											cellspacing="0" width="100%">
		                                    <thead>
		                                        <tr>
		                                            <th width="7%">序号</th>
		                                            <!-- <th width="5%"><input type="checkbox" id="checkAll"/></th> -->
		                							<!-- <th width="7%">客户编号</th> -->
		                							<!-- <th width="7%">单位名称</th> -->
		                							<th width="7%">来访时间</th>
		               								<th width="10%">项目名称及产品</th>
		                							<th width="7%">预计合同量(元)</th>
		                							<th width="7%">项目进展阶段</th>
		                							<th width="7%">信用评分</th>
		                							<th width="8%">经办人</th>
		                							<th width="10%">证明人</th>
		                							<!-- <th width="10%">片区</th> -->
		                							<th width="10%">备注</th>
		                                        </tr>
		                                    </thead>
		                                    <tbody> 
		                                    
		               						</tbody>
		                                </table>
									</div>

								</div>
								
								
								
								
							</div>
						</div>
					</div>
					
					
					
					<!--  -->
					<div class="box-body">
						<div class="nav-tabs-custom">
							<ul class="nav nav-tabs">
								<li class="active"><a href="#tab_1" data-toggle="tab">机会信息</a></li>
								<li><a id="t2" href="#tab_2" data-toggle="tab">报价信息</a></li>
								<li><a id="t3" href="#tab_3" data-toggle="tab">投标信息</a></li>
								<li><a id="t4" href="#tab_4" data-toggle="tab">合同信息</a></li>
								<li><a id="t5" href="#tab_5" data-toggle="tab">售后维护信息</a></li>
							</ul>
							<div class="tab-content">
								<div class="tab-pane active" id="tab_1">
									<div class="box box-body" style="width:100%; overflow-x:scroll;">
										<table id="customerIdTable" class="mytable dataTable table-bordered text-center table-striped table-hover display" cellspacing="0" width="3400px" align="center">
											<thead>
	                                        <tr>
	                                            <th width="3%" rowspan="1" colspan="1">序号</th>
	                                            <!-- <th width="2%" rowspan="1" colspan="1"><input type="checkbox" id="checkAll" /></th> -->
	                							<th width="3%" rowspan="1" colspan="1">信息状态</th>
	                							<th width="7%" rowspan="1" colspan="1">信息名称</th>
	                							<th width="3%" rowspan="1" colspan="1">创建人</th>
	               								<th width="5%" rowspan="1" colspan="1">创建人片区</th>
	               								<th width="5%" rowspan="1" colspan="1">信息提供方影响力</th>
	                							<th width="5%" rowspan="1" colspan="1">预计订货量</th>
	               								<th width="5%" rowspan="1" colspan="1">订货单位</th>
	                							<th width="4%" rowspan="1" colspan="1">订货联系人</th>
	                							<th width="3%" rowspan="1" colspan="1">重要程度</th>
	                							<th width="3%" rowspan="1" colspan="1">所属行业</th>
	                							<th width="3%" rowspan="1" colspan="1">信息来源</th>
	               								<th width="5%" rowspan="1" colspan="1">信息来源单位</th>
	               								
	                							<th width="5%" rowspan="1" colspan="1">提供信息人资料</th>
	                							<th width="10%" rowspan="1" colspan="1">项目动态</th>
	                							<th width="13%" rowspan="1" colspan="1">设备情况</th>
	                							
	                							<!-- <th width="5%" rowspan="1" colspan="1">订货单位地址</th> -->
	                							<th width="5%" rowspan="1" colspan="1">创建时间</th>
	                							<th width="7%" rowspan="1" colspan="1">备注</th>
	                                        </tr>
	                                    </thead>
	                                    <tbody>
	                                	
	               						</tbody>
	                                </table>
	                            </div>
								</div>
								<div class="tab-pane" id="tab_2">
								
									<div class="box box-body">
										<table id="dataTablePrice" class="mytable dataTable table-bordered text-center table-striped table-hover display"  cellspacing="0" width="100%">
		                                    <thead>
		                                        <tr>
		                                       		<th width="3%">序号</th>
		                                          	<!-- <th width="5%"><input type="checkbox" id="checkAll"/></th> -->
		                							<th width="12%">项目名称</th>
		                							<th width="12%">客户名称</th>
		                							<th width="12%">交货日期</th>
		                							<th width="10%">当前状态</th>
		                							<th width="10%">总原价</th>
		                							<th width="10%">总报价</th>
		                							<!-- <th width="10%">总价</th> -->
		                							<th width="14%">创建时间</th>
		                							<th width="18%">备注</th>
		                							<th width="5%">价格单类型</th>
		                                        </tr>
		                                    </thead>
		                                    <tbody> 
		               						</tbody>
		                                </table>
									</div>

								</div>
								<div class="tab-pane" id="tab_3">
									<div class="box box-body" style="width:100%; overflow-x:scroll;">
										<table id="toubiao"
											class="mytable dataTable table-bordered text-center table-striped table-hover display"
											cellspacing="0" width="2000px" align="center">
											<thead>
												<tr>
													<th width="3%">序号</th>
													<!-- <th width="5%"><input type="checkbox" id="checkAll"/></th> -->
													<th width="12%">项目名称</th>
													<th width="8%">投标类型</th>
													<th width="9%">投标保证金</th>
													<th width="9%">投标日期</th>
													<th width="9%">总原价</th>
													<th width="9%">总报价</th>
													<th width="8%">项目类型</th>
													<th width="9%">投标发起人</th>
													<th width="8%">发起部门</th>
													<th width="8%">订货单位</th>
													<th width="8%">招标单位</th>
													<th width="8%">审核状态</th>
												</tr>
											</thead>
											<tbody>
												
											</tbody>
										</table>
									</div>


								</div>
								<div class="tab-pane" id="tab_4">
									<div class="box box-body" style="width:100%; overflow-x:scroll;">
										<table id="contractTable" class="mytable dataTable table-bordered text-center table-striped table-hover display" cellspacing="0" width="3000px" align="center">
											<thead>
												<tr>
													<th width="4%" rowspan="1" colspan="1">序号</th>
													<th width="4%" rowspan="1" colspan="1">合同号</th>
													<th width="4%" rowspan="1" colspan="1">合同类型</th>
													<!-- <th width="4%" rowspan="1" colspan="1">审批状态</th> -->
													<th width="4%" rowspan="1" colspan="1">所属板块</th>
													<th width="4%" rowspan="1" colspan="1">总价</th>
													<th width="4%" rowspan="1" colspan="1">排产日期</th>
													<th width="4%" rowspan="1" colspan="1">交货日期</th>
													<th width="4%" rowspan="1" colspan="1">货物到站</th>
													<th width="4%" rowspan="1" colspan="1">运费支付</th>
													<th width="8%" rowspan="1" colspan="1">项目名称</th>
													<th width="4%" rowspan="1" colspan="1">订货单位</th>
													<th width="6%" rowspan="1" colspan="1">订货地址</th>
													<th width="4%" rowspan="1" colspan="1">订货代表</th>
													<th width="4%" rowspan="1" colspan="1">订货电话</th>
													<th width="4%" rowspan="1" colspan="1">订货邮编</th>
													<th width="4%" rowspan="1" colspan="1">订货片区</th>
													<th width="4%" rowspan="1" colspan="1">邮寄单位</th>
													<th width="6%" rowspan="1" colspan="1">邮寄地址</th>
													<th width="4%" rowspan="1" colspan="1">邮寄代表</th>
													<th width="4%" rowspan="1" colspan="1">邮寄电话</th>
													<th width="4%" rowspan="1" colspan="1">邮寄邮编</th>
												</tr>
											</thead>
											<tbody>
												
											</tbody>
										</table>
									</div>
								</div>
								<div class="tab-pane" id="tab_5">
									<div class="box box-body" style="width:100%; overflow-x:scroll;">
										<table id="customerserviceTable" class="mytable dataTable table-bordered text-center table-striped table-hover display" cellspacing="0" width="3000px">
											<thead>
												<tr>
													<th width="1%" rowspan="1" colspan="1">序号</th>
													<th width="5%" rowspan="1" colspan="1">服务单状态</th>
													<th width="5%" rowspan="1" colspan="1">审批状态</th>
													<th width="5%" rowspan="1" colspan="1">售后类型</th>
													<th width="5%" rowspan="1" colspan="1">设备名称</th>
													<th width="5%" rowspan="1" colspan="1">设备型号</th>
													<th width="10%" rowspan="1" colspan="1">问题描述</th>
													<th width="7%" rowspan="1" colspan="1">服务时间</th>
													<th width="5%" rowspan="1" colspan="1">合同号</th>
													<th width="4%" rowspan="1" colspan="1">申请人</th>
													<th width="8%" rowspan="1" colspan="1">发起部门</th>
													<th width="7%" rowspan="1" colspan="1">创建时间</th>
													<th width="5%" rowspan="1" colspan="1">提交人</th>
													<th width="6%" rowspan="1" colspan="1">管理代码</th>
													<th width="7%" rowspan="1" colspan="1">单位名称</th>
													
													<th width="5%" rowspan="1" colspan="1">现场联系人</th>
													<th width="5%" rowspan="1" colspan="1">联系方式</th>
													
													<th width="5%" rowspan="1" colspan="1">设备编号</th>
													
												</tr>
											</thead>
											<tbody>
												
											</tbody>
										</table>
									</div>
								</div>
								
							</div>
						</div>
					</div>
					<!-- <div class="form-group">
						<label class="col-sm-1 control-label">合同签订总金额（万元）</label>
						<div class="col-sm-3">
							<div class="col-md-11">
								<input class="form-control" type="text" id="address"
									 name="address" readonly="readonly"
									th:value="${customer.address}"
									/>
						  	</div>
						</div>
						<label class="col-sm-1 control-label">应收账总额（万元）</label>
						<div class="col-sm-3">
							<div class="col-md-11">
								<input class="form-control" type="text" id="address"
									 name="address" readonly="readonly"
									th:value="${customer.address}"
									/>
						  	</div>
						</div>
						<label class="col-sm-1 control-label">账面余额汇总（万元）</label>
						<div class="col-sm-3">
							<div class="col-md-11">
								<input class="form-control" type="text" id="address"
									 name="address" readonly="readonly"
									th:value="${customer.address}"
									/>
						  	</div>
						</div>
					</div> -->
					<div class="box-body" style=" margin-top: 10px">
						<a type="button" class="btn btn-info resetBtn pull-right" href="javascript:history.go(-1)">返回</a>
                        <!-- <button class="btn btn-info pull-right saveBtn">保存</button> -->
					</div>
				</div>
			</div>
		</section>
		
		 <script th:src="@{/CustomerTotal/CustomerTotalView.js}"></script>
	</div>
</body>
</html>